<!-- 回车登记 记录问题 -->
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>回车登记 记录问题</title>
		<link rel="stylesheet" href="./css/record.css" />
		<link rel="stylesheet" href="./iconfont/iconfont.css" />
		<!-- 时间插件开始 -->
		<link
			rel="stylesheet"
			href="./css/index.css?rev=ac6ed5b7b7b35822066a7c1ff4367280" />
		<script src="./js/jquery.min.js"></script>
		<script src="./js/flexible.debug.js"></script>
		<script src="./js/flexible_css.debug.js"></script>
		<script src="./js/mobileFix.js"></script>
		<script src="./js/swiper.min.js"></script>
		<script src="./js/kinerDatePicker.js"></script>
		<!-- 以上时间插件结束 -->
		<script src="./js/flexible.js"></script>
	</head>
	<body>
		<!-- 顶栏 -->
		<div class="topPreset">
			<a href="javascript:;">
				<span class="iconfont icon-xiangzuo1"></span>
			</a>
			<h2>回车登记</h2>
		</div>

		<!-- 顶部占位 -->
		<div class="zhanwei"></div>

		<!-- 出车/回车时间 -->
		<div class="time">
			<div class="go">出车时间<span>2022.05.04 13:00</span></div>
			<div class="back">
				回车时间<span>请选择</span><img src="./image/btn_more.png" alt="" />
			</div>
			<!-- 时间选择 -->
			<div class="abnormalTime">
				<div class="cotent">
					<div class="text">
						<div
							class="kinerDatePickerInput"
							id="kinerDatePickerInput1"
							title="时间"
							startYear="2020"
							default-val="2023-1-1">
							请选择时间
						</div>
						<button class="confirm">确认</button>
						<button class="Cancel">取消</button>
					</div>

					<!-- <span>→</span>
  <div class="kinerDatePickerInput" id="kinerDatePickerInput2"
    title="结束时间"
    startYear="1950" default-val="1995-1-1">结束时间</div> -->
				</div>
			</div>
		</div>
		<!-- 车辆违章 -->
		<div class="wrapper1">
			<div class="violation">
				车辆违章
				<a href="javascript:;" class="yes" id="yes_Selected">
					<img src="./image/rediobtn_sel.png" alt="" />
				</a>
				<span class="span1">是</span>
				<a href="javascript:;" class="no" id="no_Selected">
					<img src="./image/rediobtn_nor.png" alt="" />
				</a>
				<span class="span2">否</span>
				<!-- 违章类型 -->
				<div class="type">
					<span>违章类型</span>
					<ul>
						<li class="active">闯红灯</li>
						<li>无证驾驶</li>
						<li>超载</li>
						<li>酒后驾驶</li>
						<li>超速驾驶</li>
					</ul>
				</div>
				<!-- 罚款金额 -->
				<div class="fine">
					<span>罚款金额</span>
					<ul>
						<li class="active">0元</li>
						<li>100元</li>
						<li>200元</li>
						<li>300元</li>
						<li>500元</li>
						<li>1000元</li>
						<li>2000元</li>
					</ul>
				</div>
				<!-- 扣分 -->
				<div class="deduction">
					<span>扣分</span>
					<ul>
						<li class="active">0分</li>
						<li>1分</li>
						<li>2分</li>
						<li>3分</li>
						<li>6分</li>
						<li>12分</li>
					</ul>
				</div>
			</div>
		</div>

		<!-- 车辆故障 -->
		<div class="wrapper2">
			<div class="fault">
				车辆故障
				<a href="javascript:;" class="yes" id="yes_Selected"
					><img src="./image/rediobtn_sel.png" alt="" /></a
				><span class="span1">是</span>
				<a href="javascript:;" class="no" id="no_Selected"
					><img src="./image/rediobtn_nor.png" alt="" /></a
				><span class="span2">否</span>

				<!-- 故障类型 -->
				<div class="fault_type">
					<span>故障类型</span>
					<ul>
						<li class="active">启动困难</li>
						<li>不着车</li>
						<li>漏油</li>
						<li>漏水</li>
						<li>照明失灵</li>
						<li>有异响</li>
						<li>排烟异常</li>
						<li>温度异常</li>
						<li>其他</li>
					</ul>
				</div>

				<!-- 异常描述 -->
				<div class="text">
					<textarea
						name
						id
						cols="30"
						rows="10"
						placeholder="请简单描述故障"></textarea>
					<span class="num"><span id="num">0</span>/50</span>
				</div>

				<!-- 请拍照 -->
				<div class="content">
					<p>请拍照</p>
					<a href="javascript:;" class="add">
						<span class="iconfont icon-tianjia"></span>
					</a>
				</div>
			</div>
		</div>

		<!-- 车辆事故 -->
		<div class="wrapper3">
			<div class="accident">
				车辆事故
				<a href="javascript:;" class="yes" id="yes_Selected"
					><img src="./image/rediobtn_sel.png" alt="" /></a
				><span class="span1">是</span>
				<a href="javascript:;" class="no" id="no_Selected"
					><img src="./image/rediobtn_nor.png" alt="" /></a
				><span class="span2">否</span>

				<!-- 事故类型 -->
				<div class="accident_type">
					<span>事故类型</span>
					<ul>
						<li class="active">直行事故</li>
						<li>追尾事故</li>
						<li>超车事故</li>
						<li>左转弯事故</li>
						<li>右转弯事故</li>
						<li>弯道事故</li>
						<li>坡道事故</li>
						<li>会车事故</li>
						<li>其他</li>
					</ul>
				</div>

				<!-- 异常描述 -->
				<div class="text">
					<textarea
						name
						id
						cols="30"
						rows="10"
						placeholder="请简单描述故障"></textarea>
					<span class="num"><span id="num">0</span>/50</span>
				</div>

				<!-- 请拍照 -->
				<div class="content">
					<p>请拍照</p>
					<a href="javascript:;" class="add">
						<span class="iconfont icon-tianjia"></span>
					</a>
				</div>
			</div>
		</div>

		<!-- 底部"交车" -->
		<div class="bottom" id="aaaaaa">
			<a href="javascript:;">交车</a>
		</div>
		<!-- 底部站位 -->
		<div class="dibuzhanwei"></div>

		<script src="./js/record.js"></script>
	</body>
</html>
